<template>
    <div class="col-xs-offset-2 col-xs-8">
        <div class="page-header">
            <h2>Vue Router Demo</h2>
            <button @click="back">back</button>
            <button @click="forward">forward</button>
            <button @click="go">go</button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Banner",
        methods:{
            forward(){
                this.$router.forward()
            },
            back(){
                this.$router.back()
            },
            go(){
                //正数 和负数
                this.$router.go(1)
            }
        }
    }
</script>

<style scoped>

</style>